<!DOCTYPE html>
<!-- saved from url=(0147)http://s0.2mdn.net/ads/richmedia/studio/mu/templates/tetris/bootstrap-3/tetris.html?e=101&renderingType=2&leftOffset=0&topOffset=0&c=14zkmyDmCG&t=1 -->
<html lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>Tetris Layout</title>
  <meta data-template-name="CustomLightbox_Layout">
  <!-- Required for studio to fetch the lightbox standard json schema during ad creation.
       Note: A specific GWD version is expected by studio but has no effect on tetris behavior. -->
  <meta name="generator" content="Google Web Designer 1.4.2.0915">
  <link rel="stylesheet" href="./tetris.min.css">
  <link rel="stylesheet" href="./tetris_layout.min.css">
  <script src="./tetris_gdn_adapter.min.js"></script>
  <script src="./addata_util.js"></script>
  <script src="./Enabler_01_141.js"></script>
  <script src="./CustomElements.min.js"></script>
  <script src="./tetris.min.js"></script>
  <script src="./tetris_layout.min.js"></script>
  <script>
    // TODO(rneale): b/24775203
    Enabler.exit = Enabler.exitOverride;

    window.disableEventBubbling = true;
    function GdnLayout() {}
    GdnLayout.getConfig =
        studioinnovation.layouts.lightbox.tetris.gdnAdapter.
        translateFromEnablerParams;

    function GdnPreview() {}
    GdnPreview.getConfig =
        studioinnovation.layouts.lightbox.tetris.gdnAdapter.
        translateFromDataObject;

    var modulesLoadedHandler = function() {
      new studioinnovation.layouts.lightbox.tetris.Tetris();
    };

    // Note: Must use explicit module names for Studio's static analysis during ad creation.
    Enabler.loadModules([studio.module.ModuleId.CONFIGURABLE, studio.module.ModuleId.GDN],
                        modulesLoadedHandler);

    // Required for compatibility with the studio creation workflow.
    Enabler.setHint('expansionMode', 'lightbox');
  </script>
  <script>
    // This function is only used for Studio static parsing. It's used to support DBM custom video
    // events.
    function DBMReporting() {
      studio.video.Reporter.attach("video_0", dummyVideoElem, true);
      studio.video.Reporter.attach("video_1", dummyVideoElem, true);
      studio.video.Reporter.attach("video_2", dummyVideoElem, true);
      studio.video.Reporter.attach("video_3", dummyVideoElem, true);
      studio.video.Reporter.attach("video_4", dummyVideoElem, true);
      studio.video.Reporter.attach("video_5", dummyVideoElem, true);
      studio.video.Reporter.attach("video_6", dummyVideoElem, true);
      studio.video.Reporter.attach("video_7", dummyVideoElem, true);
      studio.video.Reporter.attach("video_8", dummyVideoElem, true);
    }
  </script>
  <!-- Required for studio to fetch the lightbox standard json schema during ad creation -->
  <script type="text/javascript" charset="UTF-8" src="./prod_studio_01_141_configurablemodule.js"></script><script type="text/javascript" charset="UTF-8" src="./prod_studio_01_141_gdnmodule.js"></script></head><body class="dark desktop chrome windows web"><div id="invitation" class="view-container"><div id="cta" class="view-container"><div class="invitation-presenter square custom"><div class="generated-background" style="background-image: linear-gradient(rgb(123, 123, 123) 30%, rgb(98, 98, 98) 100%);"></div><div class="caption-background"></div><div class="logo" style="background-image: url(&quot;http://tpc.googlesyndication.com/simgad/11069689998205892233&quot;);"></div><div class="overlay"></div><div class="accent" style="background: rgb(85, 85, 85);"></div><div class="expand-icon" style="background-color: rgb(85, 85, 85);"></div><div class="custom-invite contain"><div class="foreground" style="background-image: url(&quot;http://tpc.googlesyndication.com/simgad/6820820763997941756&quot;);"></div><div class="custom-background"><canvas class="image-blurrer" width="300" height="250"></canvas></div></div></div></div><div id="undefined" class="view-container"></div></div><div id="expanded" class="view-container" style="width: 100%; height: 100%; left: -9999px;"><div class="filmstrip-presenter landscape custom" style="background-color: rgb(98, 98, 98);"><header class="custom-header" style="height: 64.2857px; background-image: url(&quot;http://tpc.googlesyndication.com/simgad/3098335570894841778&quot;);"></header><header class="generated-header" style="background-image: linear-gradient(rgb(123, 123, 123) 30%, rgb(98, 98, 98) 100%);"><div><div class="social-container"><div class="social-overlay-container"><div class="social-overlay"><div class="social-header"><div>与我们联系</div></div></div></div><div class="social-button"></div></div></div><div><div class="rotator narrow"><div class="logo shown"><img src="./11069689998205892233"></div><div class="text-cta-container"><div class="text-cta-rotator"></div></div></div></div></header><div class="content" style="top: 64.2857px;"><div class="card-container one-card" style="right: 0px;"><tetris-video-card class="card primary"></tetris-video-card></div><div class="thumb-scroller portrait" style="width: 82px; background-image: linear-gradient(to top, rgb(123, 123, 123) 30%, rgb(98, 98, 98) 100%);"><div class="top-arrow hidden"><div></div></div><div class="left-arrow hidden"><div></div></div><div class="thumb-container"><tetris-video-thumb class="thumb selected" style="width: 72px; height: 48px;"><div class="icon"></div></tetris-video-thumb></div><div class="right-arrow hidden"><div></div></div><div class="bottom-arrow hidden"><div></div></div></div></div></div></div></body></html>